<!DOCTYPE html>
<html lang="en">
<head>
    <!--    <meta charset="UTF-8">-->
    <meta http-equiv="content-type" content="text/html;charset=UTF-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>匿名聊天室</title>
    <script src='js/JWebSocket.js'></script>
    <base href="">
    <script>
        //1.定义姓氏库
        let name1List = [
            '赵', '钱', '孙', '李', '西', '吴', '郑', '王', '冯', '陈', '楮', '卫', '蒋', '沈', '韩', '杨',
            '朱', '秦', '尤', '许', '何', '吕', '施', '张', '孔', '曹', '严', '华', '金', '魏', '陶', '姜',
            '戚', '谢', '邹', '喻', '柏', '水', '窦', '章', '云', '苏', '潘', '葛', '奚', '范', '彭', '郎',
            '鲁', '韦', '昌', '马', '苗', '凤', '花', '方', '俞', '任', '袁', '柳', '酆', '鲍', '史', '唐',
            '费', '廉', '岑', '薛', '雷', '贺', '倪', '汤', '滕', '殷', '罗', '毕', '郝', '邬', '安', '常',
            '乐', '于', '时', '傅', '皮', '卞', '齐', '康', '伍', '余', '元', '卜', '顾', '孟', '平', '黄',
            '和', '穆', '萧', '尹', '赖'];
        //2.定义人名库
        let name2List = ['爱', '安', '百', '邦', '宝', '保', '抱', '贝', '倍', '蓓', '本',
            '必', '碧', '璧', '斌', '冰', '兵', '炳', '步', '彩', '曹', '昌', '长', '常', '超',
            '朝', '陈', '晨', '成', '呈', '承', '诚', '崇', '楚', '传', '春', '纯', '翠', '村',
            '殿', '丁', '定', '东', '冬', '二', '凡', '方', '芳', '昉', '飞', '菲', '纷', '芬',
            '奋', '风', '峰', '锋', '凤', '芙', '福', '付', '复', '富', '改', '刚', '高', '阁',
            '铬', '根', '庚', '耕', '公', '功', '冠', '光', '广', '归', '桂', '国', '海', '寒',
            '翰', '昊', '浩', '荷', '红', '宏', '洪', '鸿', '厚', '华', '存', '大', '丹', '道',
            '德', '登', '砥', '典', '佃', '小', '狗', '亲'];
        var generateUsername = function () {
            let i1 = Math.floor(Math.random() * 100); //随机数1
            let i2 = Math.floor(Math.random() * 100);  //随机数2
            let i3 = Math.floor(Math.random() * 100); //随机数3
            let n1 = name1List[i1]; //随机姓氏
            let n2 = name2List[i2];   //随机名字
            let n3 = name2List[i3];    //随机名字
            if (n1 === undefined) n1 = name1List[0];  //空值处理
            if (n2 === undefined) n2 = name2List[0];
            if (n3 === undefined) n3 = name2List[1];
            return n1 + n2 + n3;
        };

        /*随机生成用户名*/
        var userid = generateUsername();
        var shIMClient = new JWebSocket({
            uri: 'shIM/' + userid,
            projectName: '',
            onMessage: function (msg) {
                console.log("%c%s",
                    "font-size: 20px;font-weight:bolder",
                    msg.data);
            }
        }).open_connet();

        function send() {
            var msg = document.getElementById("msgEL").value
            shIMClient.send(userid + ":" + msg);
            console.log("%c%s",
                "color: green; font-size: 20px;font-weight:bolder",
                "我:" + msg);
        }
    </script>
</head>
<body>
消息：<input id="msgEL">
<button id="sendbtn" onclick="send()">发送</button>
</body>

</html>
